<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表页</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/lib/font/iconfont.css">
    <link rel="stylesheet" href="/lib/font1/iconfont.css">
</head>
<body>
  <header>

  </header>

    <!-- body-main -->
    <!-- tou -->
    <div id="lt-t">
        <div class="lts-t">
            <ul>
                <li>
                    <a href="/index.html">首页 > </a>
                </li>

                <li>
                    <a href="">完美世界游戏周边 > </a>
                </li>

                <li>
                    <a href="">完美世界周边  </a>
                </li>
             
            </ul>
        </div>
    </div>

    <!-- 分类导航 -->
    <div id="f-nav">
        <div class="f-navc">
            <dl>
                <dt>分类 :</dt>
                <dd>
                   <p> <a href="">全部</a></p>
                    <p><a href="">完美世界周边</a></p> 
                </dd>
            
            </dl>
        </div>
    </div>

    <!-- 列表布局 -->

 <div id="lt-bj"> 
       <div class="lt-bjc">
           <div class="bj-t">
               <ul>
                   <li>
                       <a href="">销量</a>
                       </li>
                   <li>
                       <a href="">价格</a>
                        </li>
                   <li>
                       <a href="">上架时间</a>
                       </li>
               </ul>
           </div>
           <div class="bj-b">
               <ul>
                  

               </ul>
           </div>

           <!-- 定义列表页模板 -->
        <script type="text/html" id="listTemplate">
           {{each list item}}
                   <li>
                 
                       <span>{{item.saleNum}}</span>
                       <img src="{{item.image}}" alt="">
                       <p> <a href="/html/details.html?prodId={{item.id}}">{{item.title}}</a></p>
                       <p>￥{{item.price}}</p>
                 
                   </li>
           
           {{/each}}
        </script>



           <div class="bj-f">
                <p><a href=""> &lt;  </a></p>
                <p><a href=""> 1 </a></p>
                <p><a href=""> 2 </a></p>
                <p><a href=""> &gt; </a></p>
           </div>
       </div>
 </div>


<footer>

</footer>    


<script src="/lib/require/require.js" data-main="/js/list"></script>



</body>
</html>